<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"> 
    <h:head>
        
        <title>Proyecto </title>
    </h:head>
    <h:body>
        <ui:composition template="TemplatePrincipal.xhtml">
            <ui:define name="content">            
                <h:form>  
                    <h6><p:commandButton ajax="false" action="EmpresaLista" icon="ui-icon-arrowthick-1-w"/></h6> 

                </h:form>
                <f:view>
                    <h:form>

                        <p:wizard nextLabel="SIGUIENTE" backLabel="ATRÁS">
                            <p:tab id="crearPro" title="CREAR" >
                                <p:panel header="DATOS DEL PROYECTO ">
                                    <h:panelGrid columns="4">
                                        <p:outputLabel id="lNombre" value="NOMBRE:" for="nombre" style="font-weight: bold"/>
                                        <p:tooltip value="Nombre del proyecto" trackMouse="true" for="lNombre"/>
                                        <p:inputText id="nombre" value="#{proyectoEmpresaBean.proyecto.nombre}" title="Nombre" required="true"  requiredMessage="EL NOMBRE ES REQUERIDO" style="text-transform:uppercase" validatorMessage="EL NOMBRE DEBE ESTAR COMPUESTO POR LETRAS" >
                                            <f:validateRegex pattern="[a-z-A-Z.ñáéíóúÑÁÉÍÓÚüÜ\s]*"/>
                                        </p:inputText><p:message for="nombre" display="text" showDetail="true"/>
                                        <p:outputLabel value="PERIODO:" for="periodo" id="lPeriodo"/><p:tooltip for="lPeriodo" value="Periodo de estudio donde se realizara el proyecto" trackMouse="true" />
                                        <p:selectOneMenu id="periodo" value="#{proyectoEmpresaBean.proyecto.periodo}" required="true" label="PERIODO">
                                            <f:selectItem itemLabel="FEB-JUL" itemValue="FEB-JUL" />
                                            <f:selectItem itemLabel="AGO-ENE" itemValue="AGO-ENE" />                                           
                                        </p:selectOneMenu><h:outputLabel value=""/>
                                        <p:outputLabel value="NÚMERO DE INTEGRANTES:" for="numeroIntegrantes" id="lNIntegrantes"/><p:tooltip for="lNIntegrantes" value="Integrantes que conformaran el equipo" trackMouse="true" />
                                        <p:selectOneMenu id="numeroIntegrantes" value="#{proyectoEmpresaBean.proyecto.numeroIntegrantes}" required="true" requiredMessage="Seleccione alguno" label="NÚMERO DE INTEGRANTES">
                                            <f:selectItem itemLabel="1" itemValue="1" />
                                            <f:selectItem itemLabel="2" itemValue="2" />
                                            <f:selectItem itemLabel="3" itemValue="3" />
                                            <f:selectItem itemLabel="4" itemValue="4" />
                                            <f:selectItem itemLabel="5" itemValue="5" />
                                        </p:selectOneMenu><h:outputLabel value=""/>
                                        <p:outputLabel value="ASESOR EXTERNO:" for="asesorExterno" id="lAsesor"/>                                            
                                        <p:tooltip value="Asesor asignado por la empresa" trackMouse="true" for="lAsesor"/>
                                        <p:inputText id="asesorExterno" value="#{proyectoEmpresaBean.proyecto.asesorExterno}" title="Asesor Externo" required="true" requiredMessage="EL ASESOR EXTERNO ES REQUERIDO" style="text-transform:uppercase" validatorMessage="DEBE DE INTRODUCIR UN NOMBRE VALIDO">
                                            <f:validateRegex pattern="[a-z-A-Z.ñáéíóúÑÁÉÍÓÚüÜ\s]*"/>
                                        </p:inputText><p:message for="asesorExterno" display="text" showDetail="true"/>  
                                        <p:outputLabel value="PUESTO DE ASESOR EXTERNO:" for="puestoAsesor" id="lPAsesor"/><p:tooltip for="lPAsesor" value="Asesor asignado por la empresa" trackMouse="true" />
                                        <p:inputText id="puestoAsesor" value="#{proyectoEmpresaBean.proyecto.puestoAsesor}" title="Puesto del asesor" required="true" requiredMessage="EL PUESTO DEL ASESOR ES REQUERIDO" style="text-transform:uppercase">
                                            <f:validateRegex pattern="[a-z-A-Z.ñáéíóúÑÁÉÍÓÚüÜ\s]*"/>
                                        </p:inputText> <p:message for="puestoAsesor" display="text" showDetail="true"/>
                                        <p:outputLabel value="DESCRIPCIÓN:" for="descripcion" /><p:outputLabel value=""/>
                                        <p:inputTextarea rows="4" cols="30" id="descripcion" value="#{proyectoEmpresaBean.proyecto.descripcion}" title="Descripcion" required="true" requiredMessage="LA DESCRIPCION ES REQUERIDA" style="text-transform:uppercase"/><p:message for="descripcion" display="text" showDetail="true"/>
                                        <p:outputLabel value="EMPRESA:" for="empresa"/><p:outputLabel value=""/>                                        
                                        <p:inputText id="empresa" value="#{proyectoEmpresaBean.proyecto.empresa.nombre}" style="text-transform:uppercase; color: black; opacity: fff0" disabled="true"/><h:outputLabel value=""/>
                                    </h:panelGrid>          
                                </p:panel>
                            </p:tab>        
                            <p:tab id="confirmarPro" title="CONFIRMAR">
                                <p:panel header=" ">
                                    <p:panelGrid columns="2">
                                        <h:outputText value="NOMBRE:"/>
                                        <h:outputText value="#{proyectoEmpresaBean.proyecto.nombre}" title="Nombre" style="text-transform:uppercase"/>
                                        <h:outputText value="PERIODO:"/>
                                        <h:outputText value="#{proyectoEmpresaBean.proyecto.periodo}" title="Periodo"/>
                                        <h:outputText value="NÚMERO DE INTEGRANTES:"/>
                                        <h:outputText value="#{proyectoEmpresaBean.proyecto.numeroIntegrantes}" title="NumeroIntegrantes"/>
                                        <h:outputText value="ASESOR EXTERNO:"/>
                                        <h:outputText value="#{proyectoEmpresaBean.proyecto.asesorExterno}" title="AsesorExterno" style="text-transform:uppercase"/>
                                        <h:outputText value="PUESTO DEL ASESOR EXTERNO:"/>
                                        <h:outputText value="#{proyectoEmpresaBean.proyecto.puestoAsesor}" title="PuestoAsesor" style="text-transform:uppercase"/>                  
                                        <h:outputText value="DESCRIPCIÓN:"/>
                                        <h:outputText value="#{proyectoEmpresaBean.proyecto.descripcion}" title="Descripcion" style="text-transform:uppercase"/>
                                        <h:outputText value="EMPRESA:"/>
                                        <h:outputText value="#{proyectoEmpresaBean.proyecto.empresa.nombre}" title="Empresa" style="text-transform:uppercase"/>
                                    </p:panelGrid>
                                    <p:commandButton value="GUARDAR" action="#{proyectoEmpresaBean.procesarAccionProyecto}" ajax="false" icon="ui-icon-disk"/>
                                </p:panel>
                            </p:tab>
                        </p:wizard>
                    </h:form>
                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
